Bu sorunun yanıtları bir topluluk çabasıdır. Bu gönderiyi iyileştirmek için mevcut cevapları düzenleyin. Şu anda yeni cevapları veya etkileşimleri kabul etmiyor. Kullanıcıyı jQuery veya salt JavaScript kullanarak bir sayfadan diğerine nasıl yönlendirebilirim?
1
2
Sonraki
Sadece jQuery kullanarak yeniden yönlendirme yapılmaz
jQuery gerekli değildir ve window.location.replace (...) bir HTTP yeniden yönlendirmesini en iyi şekilde simüle edecektir.
window.location.replace (...), window.location.href kullanmaktan daha iyidir, çünkü replace () başlangıç sayfasını oturum geçmişinde tutmaz, yani kullanıcı hiç bitmeyen bir geri düğme fiyasko.
Bir bağlantıya tıklayan birini simüle etmek istiyorsanız, şunu kullanın:
location.href
Bir HTTP yeniden yönlendirmesini simüle etmek istiyorsanız, location.replace işlevini kullanın.
Örneğin:
// HTTP yönlendirmesine benzer davranış
window.location.replace ("http://stackoverflow.com");
// bir bağlantıya tıklamakla benzer davranış
window.location.href = "http://stackoverflow.com";
|
UYARI: Bu yanıt yalnızca olası bir çözüm olarak sunulmuştur; jQuery gerektirdiği için kesinlikle en iyi çözüm değil. Bunun yerine saf JavaScript çözümünü tercih edin.
$ (konum) .attr ('href', 'http://stackoverflow.com')
|
Bir sayfayı yeniden yönlendirmenin standart "vanilya" JavaScript yolu
window.location.href = 'newPage.html';
Veya daha basitçe: (pencere Global olduğundan)
location.href = 'newPage.html';
Yönlendirme sırasında HTTP_REFERER'ı kaybettiğiniz için buradaysanız, okumaya devam edin:
(Aksi takdirde bu son bölümü dikkate almayın)
Aşağıdaki bölüm, birçok güvenlik önleminden biri olarak HTTP_REFERER kullananlar içindir (ancak bu büyük bir koruyucu önlem değildir). Internet Explorer 8 veya önceki bir sürümünü kullanıyorsanız, bu değişkenler herhangi bir JavaScript sayfası yeniden yönlendirmesi biçimi (konum.href vb.)
Aşağıda, HTTP_REFERER'ı kaybetmememiz için IE8 ve altı için bir alternatif uygulayacağız. Aksi takdirde, hemen hemen her zaman window.location.href kullanabilirsiniz.
HTTP_REFERER'a (URL yapıştırma, oturum, vb.) Karşı test yapmak, bir isteğin yasal olup olmadığını anlamaya yardımcı olabilir.
(Not: Yorumlarda droop'un bağlantısında belirtildiği gibi, bu yönlendirmeleri aşmanın / yanıltmanın yolları da vardır)
Basit tarayıcılar arası test çözümü (Internet Explorer 9+ ve diğer tüm tarayıcılar için window.location.href dosyasına geri dönüş)
Kullanım: redirect ('anotherpage.aspx');
function redirect (url) {
var ua = navigator.userAgent.toLowerCase (),
isIE = ua.indexOf ('msie')! == -1,
version = parseInt (ua.substr (4, 2), 10);
// Internet Explorer 8 ve altı
if (isIE && version <9) {
var link = document.createElement ('a');
link.href = url;
document.body.appendChild (bağlantı);
link.click ();
}
// Diğer tüm tarayıcılar standart window.location.href kullanabilir (Internet Explorer 8 ve önceki sürümlerde olduğu gibi HTTP_REFERER'ı kaybetmezler)
Başka {
window.location.href = url;
}
}
|
Bunu yapmanın birçok yolu var.
// window.location
window.location.replace ('http://www.example.com')
window.location.assign ('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/ yol'
// window.history
window.history.back ()
window.history.go (-1)
// window.navigate; YALNIZCA Internet Explorer'ın eski sürümleri için
window.navigate ('top.jsp')
// Muhtemelen bueno yok
self.location = 'http://www.example.com';
top.location = 'http://www.example.com';
// jQuery
$ (konum) .attr ('href', 'http: //www.example.com')
$ (pencere) .attr ('konum', 'http: //www.example.com')
$ (konum) .prop ('href', 'http://www.example.com')
|
Bu her tarayıcı için geçerlidir:
window.location.href = 'your_url';
|
Yapmaya çalıştığınız şeyde biraz daha açıklayıcı olsaydınız yardımcı olurdu. Sayfalanmış veriler oluşturmaya çalışıyorsanız, bunu nasıl yapacağınızla ilgili bazı seçenekler vardır. Doğrudan ulaşmak istediğiniz her sayfa için ayrı bağlantılar oluşturabilirsiniz.
1
2
3
...
Örnekteki geçerli sayfanın kodda ve CSS ile farklı şekilde ele alındığına dikkat edin.
Sayfalandırılmış verilerin AJAX aracılığıyla değiştirilmesini istiyorsanız, jQuery burada devreye girer. Yapmanız gereken şey, farklı bir sayfaya karşılık gelen bağlantı etiketlerinin her birine bir tıklama işleyicisi eklemektir. Bu tıklama işleyici, AJAX aracılığıyla bir sonraki sayfaya gidip getiren ve tabloyu yeni verilerle güncelleyen bazı jQuery kodunu çağırır. Aşağıdaki örnek, yeni sayfa verilerini döndüren bir web hizmetiniz olduğunu varsayar.
$ (belge) .ready (işlev () {
$ ['a.pager-link']. tıklayın (function () {
var sayfa = $ (bu) .attr ('href'). bölme (/ \? /) [1];
$ .ajax ({
tür: 'POST',
url: '/ hizmete giden yol',
veri: sayfa,
başarı: işlev (içerik) {
$ ('# myTable']. html (içerik); // değiştir
}
});
yanlış dönüş; // bağlantıyı durdurmak için
});
});
|
Ayrıca location.replace'in (URL) en iyi yol olduğunu düşünüyorum, ancak arama motorlarını yeniden yönlendirmeniz hakkında bilgilendirmek istiyorsanız (yönlendirmeyi görmek için JavaScript kodunu analiz etmezler) rel = "canonical" meta web sitenize etiketleyin.
İçinde HTML yenileme meta etiketi olan bir noscript bölümü eklemek de iyi bir çözümdür. Bu JavaScript yönlendirme aracını şu amaçlarla kullanmanızı öneririm:yönlendirmeler oluşturun. Ayrıca, HTTP yönlendireni geçmek için Internet Explorer desteğine de sahiptir.
Gecikmesiz örnek kod şuna benzer:
tarafından oluşturulmuştur.
adresine gider
|
Ancak, birisi ana sayfaya geri yönlendirmek isterse, aşağıdaki pasajı kullanabilir.
window.location = window.location.host
Geliştirme, hazırlık ve üretim olarak üç farklı ortamınız varsa faydalı olacaktır.
Bu window veya window.location nesnesini yalnızca bu kelimeleri Chrome Konsoluna veya Firebug Konsoluna koyarak keşfedebilirsiniz.
|
JavaScript, tarayıcının adres çubuğunda görüntülenen geçerli URL'yi almanız ve değiştirmeniz için size birçok yöntem sunar. Tüm bu yöntemler, Window nesnesinin bir özelliği olan Location nesnesini kullanır. Aşağıdaki gibi mevcut URL'ye sahip yeni bir Konum nesnesi oluşturabilirsiniz.
var currentLocation = window.location;
Bir URL'nin Temel Yapısı
//:/
Protokol - İnternetteki kaynağa erişmek için kullanılacak protokol adını belirtir. (HTTP (SSL olmadan) veya HTTPS (SSL ile))
ana bilgisayar adı - Ana bilgisayar adı, kaynağa sahip olan ana bilgisayarı belirtir. Örneğin, www.stackoverflow.com. Bir sunucu, ana bilgisayarın adını kullanarak hizmetler sağlar.
port - Bir internet veya başka bir ağ mesajının bir sunucuya ulaştığında yönlendirileceği belirli bir işlemi tanımak için kullanılan port numarası.
yol adı - Yol, Web istemcisinin erişmek istediği ana bilgisayar içindeki belirli kaynak hakkında bilgi verir. Örneğin, stackoverflow.com/index.html.
sorgu - Bir sorgu dizesi, yol bileşenini izler ve kaynağın bir amaç için kullanabileceği bir bilgi dizisi sağlar (örneğin, bir arama için parametreler veya işlenecek veriler olarak).
karma - Bir URL'nin bağlantı kısmı, karma işaretini (#) içerir.
Bu Konum nesnesi özellikleriyle bu URL bileşenlerinin tümüne erişebilirsiniz
hash - URL'nin bağlantı kısmını ayarlar veya döndürür.
host -Sets
veya bir URL'nin ana bilgisayar adını ve bağlantı noktasını döndürür.
hostname -Sets veya
bir URL'nin ana bilgisayar adını döndürür.
href -Tümünü ayarlar veya döndürür
URL.
yol adı - URL'nin yol adını ayarlar veya döndürür.
port Sunucunun bir URL için kullandığı port numarasını ayarlar veya döndürür.
protokol -Bir URL'nin protokolünü ayarlar veya döndürür.
arama setleri
veya bir URL'nin sorgu kısmını döndürür
Şimdi bir sayfayı değiştirmek veya kullanıcıyı başka bir sayfaya yönlendirmek istiyorsanız, Location nesnesinin href özelliğini bunun gibi kullanabilirsiniz.
Location nesnesinin href özelliğini kullanabilirsiniz.
window.location.href = "http://www.stackoverflow.com";
Konum Nesnesi ayrıca şu üç yönteme sahiptir
assign () - Yeni bir belge yükler.
reload () - Geçerli belgeyi yeniden yükler.
replace () - Mevcut belgeyi yenisiyle değiştirir
Atama () ve değiştirme yöntemlerini, bunun gibi diğer sayfalara yönlendirmek için de kullanabilirsiniz.
location.assign ("http://www.stackoverflow.com");
location.replace ("http://www.stackoverflow.com");
Assign () ve replace () nasıl farklılık gösterir - replace () yöntemi ile assign () method () arasındaki fark, replace () öğesinin geçerli belgenin URL'sini belge geçmişinden kaldırması, orijinal belgeye geri dönmek için "geri" düğmesi. Bu nedenle, yeni bir belge yüklemek ve orijinal belgeye geri dönme seçeneği vermek istiyorsanız, assign () yöntemini kullanın.
JQuery kullanarak konum nesnesi href özelliğini de bunun gibi değiştirebilirsiniz.
$ (konum) .attr ('href', url);
Ve böylece kullanıcıyı başka bir url'ye yönlendirebilirsiniz.
|
Temel olarak jQuery yalnızca bir JavaScript çerçevesidir ve bu durumda yeniden yönlendirme gibi bazı şeyleri yapmak için, yalnızca JavaScript'i kullanabilirsiniz, bu durumda vanilya kullanarak 3 seçeneğiniz vardır.JavaScript:
1) Konum değiştirmeyi kullanarak, bu sayfanın geçerli geçmişinin yerini alacaktır, bu da orijinal sayfaya geri dönmek için geri düğmesini kullanmanın mümkün olmadığı anlamına gelir.
window.location.replace ("http://stackoverflow.com");
2) Konum atamayı kullanarak, bu sizin için geçmişi saklar ve geri düğmesini kullanarak orijinal sayfaya geri dönebilirsiniz:
window.location.assign ("http://stackoverflow.com");
3) Önceki yöntemlerden birini kullanmanızı tavsiye ederim, ancak bu saf JavaScript kullanan üçüncü seçenek olabilir:
window.location.href = "http://stackoverflow.com";
Ayrıca jQuery'de onu işlemek için bir işlev yazabilirsiniz, ancak yalnızca tek satırlık saf JavaScript işlevi olduğundan önerilmez, ayrıca pencere kapsamındaysanız yukarıdaki işlevlerin tümünü penceresiz de kullanabilirsiniz, örneğin window.location.replace ("http://stackoverflow.com"); location.replace ("http://stackoverflow.com") olabilir;
Ayrıca hepsini aşağıdaki resimde gösteriyorum:
|
Sadece window.location kullanarak ayarlanabilmelidir.
Misal:
window.location = "https://stackoverflow.com/";
İşte konuyla ilgili geçmiş bir gönderi: Başka bir web sayfasına nasıl yönlendiririm?
|
Başlamadan önce, jQuery, DOM işleme için kullanılan bir JavaScript kitaplığıdır. Bu nedenle, bir sayfa yönlendirmesi için jQuery kullanmamalısınız.
Jquery.com'dan bir alıntı:
JQuery, eski tarayıcı sürümlerinde büyük sorunlar olmadan çalışabilirken,
bunlarda jQuery'yi aktif olarak test etmiyoruz ve genellikle hataları düzeltmiyoruz
içlerinde görünebilir.
Burada bulundu:
https://jquery.com/browser-support/
Dolayısıyla jQuery, geriye dönük uyumluluk için her şeyi içeren bir çözüm değildir.
Ham JavaScript kullanan aşağıdaki çözüm tüm tarayıcılarda çalışır ve uzun süredir standart olduğundan, tarayıcılar arası destek için herhangi bir kitaplığa ihtiyacınız yoktur.
Bu sayfa 3000 milisaniye sonra Google'a yönlendirilecek
örnek
Kısa süre içinde Google'a yönlendirileceksiniz.
Farklı seçenekler aşağıdaki gibidir:
window.location.href = "url"; // Yeni bir sayfaya normal gezinmeyi simüle eder
window.location.replace ("url"); // Mevcut URL'yi geçmişten kaldırır ve yeni bir URL ile değiştirir
window.location.assign ("url"); // Geçmiş yığınına yeni URL ekler ve yeni URL'ye yönlendirir
window.history.back (); // Geri düğmesi tıklamasını simüle eder
window.history.go (-1); // Geri düğmesi tıklamasını simüle eder
window.history.back (-1); // Geri düğmesi tıklamasını simüle eder
window.navigate ("page.html"); // window.location = "url" ile aynı
Değiştir'i kullanırken, geri düğmesi, hiç geçmişte olmamış gibi yönlendirme sayfasına geri dönmez. Kullanıcının yeniden yönlendirme sayfasına geri dönebilmesini istiyorsanız, window.location.href veya window.location.assign'ı kullanın. Kullanıcının yeniden yönlendirme sayfasına geri dönmesini sağlayan bir seçenek kullanırsanız, yönlendirme sayfasına girdiğinizde sizi geri yönlendireceğini unutmayın. Yönlendirmeniz için bir seçenek belirlerken bunu dikkate alın. Sayfanın yalnızca kullanıcı tarafından bir işlem yapıldığında yeniden yönlendirildiği durumlarda sayfanın geri düğmesi geçmişinde olması uygun olacaktır. Ancak, sayfa otomatik olarak yönlendiriliyorsa, kullanıcının yeniden yönlendirmenin gönderdiği sayfaya geri dönmeye zorlanmadan geri düğmesini kullanabilmesi için değiştir'i kullanmalısınız.
Bir sayfa yönlendirmesini aşağıdaki gibi çalıştırmak için meta verileri de kullanabilirsiniz.
META Yenileme
META Konumu
BASE Hijacking
Uzaklaşın
Uzaklaşın
İki sayfa örneğini bir araya getirirseniz, bunu yeniden yönlendirmek için yeni bir döngünüz olur.kullanıcınızın sitenizi bir daha asla kullanmak istemeyeceğini garanti eder.
|
var url = 'asdf.html';
window.location.href = url;
|
Bunu jQuery olmadan şu şekilde yapabilirsiniz:
window.location = "http://etkialaniniz.com";
Ve sadece jQuery istiyorsanız, bunu şu şekilde yapabilirsiniz:
$ jq (pencere) .attr ("konum", "http://etkialaniniz.com");
|
Bu jQuery ile çalışır:
$ (pencere) .attr ("konum", "http://google.fr");
|
# JQuery / JavaScript Yöntemini Kullanarak HTML Sayfasını Yeniden Yönlendirme
Bu örnek kodu deneyin:
function YourJavaScriptFunction ()
{
var i = $ ['# giriş']. val ();
eğer (i == 'giriş')
window.location = "Login.php";
Başka
window.location = "Logout.php";
}
Window.location = "www.google.co.in"; olarak eksiksiz bir URL vermek isterseniz.
|
Orijinal soru: "jQuery kullanarak nasıl yeniden yönlendirme yapılır?", Bu nedenle yanıt jQuery >> Ücretsiz kullanım durumunu uygular.
Yalnızca JavaScript içeren bir sayfaya yönlendirmek için:
window.location.href = "/ contact /";
Veya bir gecikmeye ihtiyacınız varsa:
setTimeout (function () {
window.location.href = "/ contact /";
}, 2000); // Milisaniye cinsinden süre
jQuery, bir web sayfasından öğeleri kolaylıkla seçmenize olanak tanır. Bir sayfada istediğiniz her şeyi bulabilir ve ardından özel efektler eklemek, kullanıcı eylemlerine tepki vermek veya seçtiğiniz öğenin içindeki veya dışındaki içeriği göstermek ve gizlemek için jQuery'yi kullanabilirsiniz. Tüm bu görevler, bir öğenin veya olayın nasıl seçileceğini bilmekle başlar.
$ ['a, img']. on ('tıklama', işlev (e) {
e.preventDefault ();
$ (this) .animate ({
opacity: 0 // Buraya biraz CSS animasyonu yerleştirin
}, 500);
setTimeout (function () {
// Tamam, jQuery personeli bitti, yeniden yönlendirelim
window.location.href = "/ contact /";
}, 500);
});
Birinin 10000 satır kod içeren bir komut dosyası / eklenti yazdığını hayal edin. JQuery ile bu koda sadece bir veya iki satırla bağlanabilirsiniz.
|
Bu satırı kodunuza eklemeniz gerekir:
$ (konum) .attr ("href", "http://stackoverflow.com");
JQuery'niz yoksa, JavaScript ile gidin:
window.location.replace ("http://stackoverflow.com");
window.location.href ("http://stackoverflow.com");
|
Öyleyse, soru, bir web sitesine nasıl yeniden yönlendirme yapılacağı değil, bir yönlendirme sayfasının nasıl yapılacağıdır?
Bunun için yalnızca JavaScript kullanmanız gerekir. İşte dinamik bir yönlendirme sayfası oluşturacak küçük bir kod.
Diyelim ki bu pasajı web sitenizdeki bir redirect / index.html dosyasına koydunuz, öyle kullanabilirsiniz.
http://www.mywebsite.com/redirect?url=http://stackoverflow.com
Ve bu bağlantıya giderseniz sizi otomatik olarak stackoverflow.com'a yönlendirecektir.
Belgelere Bağlantı
İşte JavaScript ile basit bir yönlendirme sayfasını böyle yaparsınız
Düzenle:
Ayrıca dikkat edilmesi gereken bir şey var. Bir yönlendirme sayfasına uygun olduğunu düşündüğüm için koduma window.location.replace ekledim, ancak window.location.replace'i kullanırken yeniden yönlendirildiğinizi bilmelisiniz, tarayıcınızdaki geri düğmesine bastığınızda, yönlendirme sayfasına geri döndüm ve ondan önceki sayfaya geri dönecek, bu küçük demo şeyine bir göz atın.
Misal:
İşlem: store home => sayfayı google => google'a yönlendir
Google'deyken: google => tarayıcıda geri düğmesi => mağaza ana sayfası
Yani, bu sizin ihtiyaçlarınıza uygunsa, her şey yoluna girmelidir. Yönlendirme sayfasını tarayıcı geçmişine dahil etmek istiyorsanız, bunu değiştirin
eğer (url) window.location.replace (url);
ile
eğer (url) window.location.href = url;
|
Tıklama işlevinize şunları eklemeniz yeterlidir:
window.location.href = "Yeniden yönlendirmek istediğiniz URL";
$ ['# id']. tıklayın (function () {
window.location.href = "http://www.google.com";
});
|
Bunu dene:
location.assign ("http://www.google.com");
Örnek kod parçacığı.
|
jQuery gerekli değildir. Bunu yapabilirsiniz:
window.open ("URL", "_ self", "", "")
Bu kadar kolay!
Bir HTTP isteği başlatmanın en iyi yolu document.loacation.href.replace ('URL') kullanmaktır.
|
Önce düzgün yazın. Başka bir bağlantı için uygulamanızdan başka bir bağlantı için bir uygulama içinde gezinmek istiyorsunuz. İşte kod:
window.location.href = "http://www.google.com";
Ve uygulamanızdaki sayfalarda gezinmek istiyorsanız, o zaman isterseniz kodum da var.
|
JQuery'de şu şekilde yeniden yönlendirebilirsiniz:
$ (konum) .attr ('href', 'http://yourSayfanız.com/');
|
JavaScript kullanarak:
Yöntem 1:
window.location.href = "http://google.com";
Yöntem 2:
window.location.replace ("http://google.com");
JQuery kullanarak:
Yöntem 1: $ (konum)
$ (konum) .attr ('href', 'http://google.com');
Yöntem 2: Yeniden Kullanılabilir İşlev
jQuery.fn.redirectTo = function (url) {
window.location.href = url;
}
jQuery (pencere) .redirectTo ("http://google.com");
|
JavaScript ve jQuery'de, bir sayfayı başka bir sayfaya yönlendirmek için aşağıdaki kodu kullanabiliriz:
window.location.href = "http://google.com";
window.location.replace ("page1.html");
|
ECMAScript 6 + jQuery, 85 bayt
$ ({jQueryCode: (url) => konum.replace (url)}). attr ("jQueryCode") ("http://example.com")
Lütfen öldürmeben, bu bir şaka. Bu bir şaka. Bu bir şaka.
Bu, "jQuery kullanarak" bir çözüm istemesi anlamında "soruya bir cevap sağladı" ve bu durumda onu bir şekilde denkleme zorlamayı gerektiriyor.
Ferrybig'in şakanın açıklanmasına ihtiyacı olduğu anlaşılıyor (hala şaka yapıyor, inceleme formunda sınırlı seçenekler olduğundan eminim), bu yüzden daha fazla uzatmadan:
Diğer cevaplar, jQuery'nin attr () özelliğini gereksiz yere konum veya pencere nesneleri üzerinde kullanıyor.
Bu cevap da onu kötüye kullanıyor, ama daha saçma bir şekilde. Konumu ayarlamak için kullanmak yerine, konumu belirleyen bir işlevi almak için attr () kullanır.
İşlev, jQuery ile ilgili hiçbir şey olmamasına rağmen jQueryCode olarak adlandırılır ve bir işlevi çağırmak, özellikle bir şey bir dil bile olmadığında, birşeyKodu çağırmak korkunçtur.
"85 bayt", Code Golf'e bir referanstır. Golf, elbette kodlu golf dışında yapmanız gereken bir şey değildir ve dahası, bu yanıt açıkça golf oynanmaz.
Temel olarak, alay etmek.
|
Javascript:
window.location.href = 'www.your_url.com';
window.top.location.href = 'www.urliniz.com';
window.location.replace ('www.your_url.com');
Jquery:
var url = 'www.urlunuz.com';
$ (konum) .attr ('href', url);
$ (konum) .prop ('href', url); // konum yerine pencere kullanabilirsiniz
|
İşte bir zaman gecikmeli yeniden yönlendirme. Gecikme süresini istediğiniz şekilde ayarlayabilirsiniz:
Belge Başlığınız
8 saniye içinde yönlendirileceksiniz!
|
Bunu yapmanın üç ana yolu vardır:
window.location.href = 'blaah.com';
window.location.assign ('blaah.com');
ve...
window.location.replace ('blaah.com');
Sonuncusu, geleneksel bir yönlendirme için en iyisidir, çünkü arama geçmişinize yönlendirilmeden önce gittiğiniz sayfayı kaydetmez. Bununla birlikte, sadece JavaScript ile bir sekme açmak istiyorsanız, yukarıdakilerden herhangi birini kullanabilirsiniz.1
DÜZENLEME: Pencere öneki isteğe bağlıdır.
|
1
2
Sonraki
Aradığın cevap değil mi? Javascript jquery yönlendirmeli etiketli diğer sorulara göz atın veya kendi sorunuzu sorun.